@extends('front.common.layout')

@section('title',$data['seo']->config_title)
@section('keywords',$data['seo']->config_keywords)
@section('description',$data['seo']->config_description)

@section('content')
    <!-- banner -->
    <div class="inner-banner has-base-color-overlay text-center"
         style="background: url({{ asset('/front/images/background/tech-center-banner.jpg') }});">
        <div class="container">
            <div class="box">
                <h3>FAQ</h3>
            </div>
        </div>
    </div>
    <div class="breadcumb-wrapper">
        <div class="container">
            <div class="breadcrumb_bar">
                <div class="breadcrumb_menu">
                    <ul class="link-list">
                        <li>
                            <a href="{{ url('/') }}">Home</a>
                        </li>
                        <li>
                            FAQ
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- banner end -->
    <section class="our-team-area padd-2">
        <div class="container">
            <div class="sec-title center">
                <h2><span>FAQ</span></h2>
            </div>
            <div class="row">
                <div class="accordion col-12" id="accordionExample">
                    @foreach($data['list'] as $k => $v)
                        <div class="card">
                            <div class="card-header" id="heading{{$k}}">
                                <h2 class="mb-0">
                                    <button class="btn btn-link btn-block text-left" type="button" data-toggle="collapse" data-target="#collapse{{$k}}" aria-expanded="true" aria-controls="collapse{{$k}}">
                                        {{ $v->title }}
                                    </button>
                                </h2>
                            </div>

                            <div id="collapse{{$k}}" class="collapse show" aria-labelledby="heading{{$k}}" data-parent="#accordionExample">
                                <div class="card-body">
                                  {!! $v->content !!}
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </section>
@endsection

@section('script')
    <script>
        $('.collapse').collapse()
    </script>
@endsection
